<template>
  <div>
    <div class="page-title">审计规则</div>
      <el-select style="width: 267px;margin-top: 20px;" v-model="exampleName" placeholder="请选择实例">
        <el-option
          v-for="item in options22"
          :key="item.value"
          :label="item.label"
          :value="item.value">
        </el-option>
      </el-select>
      <pageTabs :tabslist="tabslist" isValue="protect" @active="val=>$emit('active',val)"></pageTabs>

      <div class="item-box flex-c">
        <div class="item-label">敏感数据存储结构集</div>
        <el-radio-group v-model="radioV1">
          <el-radio :label="1">开启</el-radio>
          <el-radio :label="2">关闭</el-radio>
        </el-radio-group>
        <div class="item-dep">审计分析平台将存储用户SQL语句的结果集，可能包含敏感数据，建议关闭。</div>
      </div>

      <div class="item-box flex-c">
        <div class="item-label">敏感数据脱敏</div>
        <el-radio-group v-model="radioV2">
          <el-radio :label="1">开启</el-radio>
          <el-radio :label="2">关闭</el-radio>
        </el-radio-group>
        <div class="item-dep">通过编写脱敏规则，防止敏感数据泄露，建议开启。</div>
      </div>
      <div class="item-box flex-c">
        <div class="item-label">敏感数据发现引擎</div>
        <el-radio-group v-model="radioV3">
          <el-radio :label="1">开启</el-radio>
          <el-radio :label="2">关闭</el-radio>
        </el-radio-group>
        <!-- <div class="item-dep">通过编写脱敏规则，防止敏感数据泄露，建议开启。</div> -->
      </div>
      <div v-show="radioV3===1" style="margin-left: 200px;width:800px;">
        <el-input
          type="textarea"
          :autosize="{ minRows: 4}"
          placeholder="请输入正则"
          v-model="ruleRe">
        </el-input>
      </div>
  </div>
</template>

<script>
import mix from './mixins.js'
export default {
  mixins:[mix],
  data(){
    return {
      exampleName:'',
      radioV1:1,
      radioV2:2,
      radioV3:2,
      ruleRe:'',
    }
  }
}
</script>

<style lang="less" scoped>
.page-title{
  font-family: 'Arial Negreta', 'Arial Normal', 'Arial';
    font-weight: 700;
    font-style: normal;
    font-size: 18px;
}
.item-box{
  margin: 50px 30px;
  .item-label{
    font-weight: 650;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.847058823529412);
    width: 170px;
  }
  .item-dep{
    color: #AAAAAA;
    font-size: 14px;
    margin-left: 80px;
  }
}
</style>